//引入当前页面的 less文件 
require("../less/login.less")


// 原生实现 JQuery 的 $(function() {}) = = document.ready = function (){}
// 点击跳过,跳转到登录页
window.addEventListener('load',function(){
    // 获取元素
    let register = document.querySelector('#register')
    // 点击跳转
    register.addEventListener('click', function(){
        window.location.href = 'register.html'
    })


    /* 跳转到注册页 
        思路：
        1. 客户端验证
        2. 发送ajax请求进行登录
        3. 把返回的用户信息存到本地存储,跳转到主页。 */
    /* 登录验证 */
    // 获取元素
    let submitBtn = document.querySelector('#submitBtn')
    let user = document.querySelector('#user')
    let pass = document.querySelector('#pass')
     
    submitBtn.addEventListener('click', function(){
        // 获取输入框的内容/值
        let uservalue = user.value
        console.log(uservalue);
        let password = pass.value
        console.log(password);
        // 前端验证
        // 用户名/电话号码
        if(!window.$utils.isPhone(uservalue)){
            window.$utils.showToast("fitnesskuaile", "用户名/账号错误,请重新输入")
            return;
        }
        // 密码
        if(!window.$utils.passTest(password)){
            window.$utils.showToast("fitnesskuaile", "密码错误,请重新输入")
            return;
        }

        //// 发送ajax请求进行登录
        // axios.post(window.$utils.BASE_URL + "/users/login", {
         axios.post("http://139.9.177.51:8099/users/login", {
          
        // 传入参数
            "account": uservalue,
            "password": password

        }).then(function(res){
            // 服务器数据
            let resData = res.data
            console.log(resData);
            // 判断服务器状态
            if(resData.status === 0){
                // 登陆成功  - 取出用户数据
                let user = resData.data.user
                 console.log(user);
                // 用户信息存入本地存储
                window.localStorage.setItem("user", JSON.stringify(user)) 
                // console.log(user);
                // 成功
                window.$utils.showToast("fitnessziyuan", "登录成功")
                window.setTimeout(() => {
                    window.location.href = "index.html"
                }, 3000)
            } else if (rst.status === 555) {
                //登录失败
                window.$utils.showToast("fitnesskuaile", "登录失败")
            }
        })
        .catch(function(error){
            console.log(error);
        })

    })





    
})
